<template>
  <div>
    <banner scope="banner"></banner>
    <music-item class="nav" slot="hot"></music-item>
  </div>
</template>

<script>
import banner from "./components/banner.vue";
import MusicItem from './components/musicItem.vue';
export default {
  components: { banner, MusicItem },
};
</script>

<style>
#app{
  width: 70%;
  margin: 0 auto;
}
.icon{
  width: 50px;
  height: 50px;
}
.nav{
  margin-top: 15px;
  margin-bottom: 15px;
}
</style>